@import './modules/bass.scss';
@import './modules/header.scss';
@import './modules/footer.scss';



    .infor{
        min-height: 800px;
        // border: 1px solid;
        display: flex;
        margin-top: 50px;

        .left{
            width: 260px;
            min-height: 400px;
        // border: 1px solid;
        .share,.like,.star,.car{
            font-size: 15px;
            height: 55px;
            line-height: 55px;
            width: 260px;
            position: relative;
            // border: 1px solid;
            text-align: center;
            span{
                position: absolute;
                left:70px;
                top:10px;
                display:inline-sblock;
                height: 30px;
                width: 30px;
                background: url('/images/detail.png') no-repeat;
            }
        }
        .like{
            box-sizing: border-box;
            text-align: right;
            padding-right: 55px;

            span{
                background: url('/images/detail.png') no-repeat 0px -41px;


            }
        }
        .star{
            box-sizing: border-box;
            text-align: right;
            padding-right: 5px;

            span{
                background: url('/images/stars.png') repeat 0px 0px;
                width: 100px;


            }
        }
        .car{
            box-sizing: border-box;
            text-align: right;
            padding-right:68px;

            span{
                img{
                    height: 30px;
                    width: 30px;
                }


            }

        }
        }
        .center{
            // display: flex;
            width: 600px;
            // flex-direction: column;
            text-align: center;
            flex-grow: 1;
             h2{
                 margin-top: 20px;

            }
            .bigImg{
                img{
                    height: 400px;
                    width: 400px;
                }
               
            }
            .smallImg{
                width: 600px;
                height: 75px;
                display: flex;
        justify-content: space-around;
        span{
            display: inline-block;
            height: 72px;
            width: 72px;
            border: 1px solid;
            img{
                height: 72px;
            width: 72px;
            }
        }
            }
        h4,p{
            text-align: left;
            margin-top: 15px;
        }
        p{
            font-size: 11px;
        }

        }
        .right{
            width: 280px;
            min-height: 400px;
        // border: 1px solid;
         .product-list{
             display: flex;
             justify-content: space-between;
             a span{
                width: 47px;
                height: 48px;
                display: inline-block;
                // *display: inline;
                zoom: 1;
                font-size: 0;
                border: 1px solid transparent;
                margin-bottom: 10px;
                margin-right: 1px;
                position: relative;
                color:#333;
                outline: medium none;
                overflow: hidden;
                text-decoration: none;  
                border: 1px solid;
                img{
                    width: 47px;
                    height: 48px;
                }
             }
         }
         .product-info{
            color:
            #333;
            font-size: 12px;
            line-height: 18px;
            padding: 10px 0 20px 0;
            border-bottom: 1px solid
            #b7b7b7;
            cursor: pointer;
            .popup-btn{
                margin-top: 15px;
                i{
                    background: url("/images/sprites_account.png") no-repeat scroll -10px -138px
                    transparent;
                    display: inline-block;
                    *display: inline;
                    zoom: 1;
                    height: 20px;
                    vertical-align: middle;
                    width: 20px;
                }
                span{
                    border-bottom: 2px solid#999;
                    font-size: 14px;
                }
            }
         }
         .product-addCard{
            //  overflow: hidden;
             .size-wrap{
                border: 0;
                padding: 20px 0 0 0;
                p{
                    font-size: 16px;
                    font-weight: bold;
                    color:
                    #333;
                    margin-bottom: 5px;
                }
             }
         }
         .product-select-msg{
             overflow: hidden;
            padding-top: 20px;
            .select-line{
                height: 30px;
                margin: 20px 0;
                .text-left{
                    height: 30px;
                    width: 90px;
                    color:
                    #333;
                    font-size: 12px;
                    line-height: 30px;
                    float: left;
                }
                .text-right {
                    position: relative;
                    width: 98px;
                    height: 28px;
                    border: 1px solid 
                #b7b7b7;
                float: right;
                span{
                    color:#333;
                    font-size: 12px;
                    text-align: center;
                    display: block;
                    height: 28px;
                    line-height: 28px;
                    width: 67px;
                }
                i{
                    width: 30px;
                    height: 28px;
                    display: block;
                    background: url('/images/sprites_account.png') no-repeat scroll 0px -132px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    border-left: 1px solid
                    #b7b7b7;
                }
                #size-select{
                    width: 100%;
                    height: 28px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                    opacity: 0;
                    cursor: pointer;
                    font-family: "tradegothic";
                }
            }
         }
        
        }
        .product-select-num{
            overflow: hidden;
            margin-top: 20px;
            margin-bottom: 25px;
            .select-line {
                margin-bottom: 5px;
                .text-left {
                    height: 30px;
                    width: 90px;
                    color: 
                    #333;
                    font-size: 12px;
                    line-height: 30px;
                    float: left;
                }
                .text-right {
                    position: relative;
                    width: 98px;
                    height: 28px;
                    border: 1px solid 
                    #b7b7b7;
                    float: right;
                    input{
                        width: 63px;
                    display: inline-block;
                    *display: inline;
                    zoom: 1;
                    height: 26px;
                    line-height: 26px;
                    vertical-align: top;
                    text-align: center
                    }
                    i {
                        width: 30px;
                        height: 28px;
                        display: block;
                        background: url('/images/sprites_account.png') no-repeat scroll 0px -132px 
                    transparent;
                    position: absolute;
                    right: 0;
                    top: 0;
                    border-left: 1px solid
                        #b7b7b7;
                    }
                   
                }
            }
        }
        .now-buy-btn {
            box-sizing: border-box;
            margin-top: 10px;
            overflow: hidden;

            font-size: 16px;
            color: 
        #fff;
        display: block;
        background-color:
            #940000;
            font-weight: bold;
            text-align: center;
            height: 50px;
            width: 200px;
            line-height: 50px;
            cursor: pointer;
            margin-bottom: 2px;
            span{
                display: inline-block;
                *display: inline;
                zoom: 1;
                height: 40px;
                position: relative;
            }
        }
        
        
        .add-buycart-btn {
            overflow: hidden;
            font-size: 16px;
            color: 
        #fff;
        display: block;
        background-color:
            #940000;
            font-weight: bold;
            text-align: center;
            height: 50px;
            width: 200px;
            line-height: 50px;
            cursor: pointer;
            span{
                display: inline-block;
                *display: inline;
                zoom: 1;
                height: 40px;
                position: relative;
                text-indent: 30px;
                i{
                    background: url('/images/sprites_account.png') no-repeat scroll -38px -138px
                    transparent;
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: 15px;
                    left: 0;
                }
            }
        }
        
     } 
    }
    .flycar{
        height: 45px;
        width: 45px;
        // border: 1px solid;
        position: fixed;
        top:400px;
        right:0px;
        img{
            height: 30px;
            width: 30px;
            position: fixed;
            top:400px;
            right:7px;
            background-color: #940000;
        }
        .flycar-num{
            position: absolute;
            top:28px;
            left:15px;
            font-size: 15px;
            text-align: center;
        }

    }
    // .flycar img{
    //     height: 30px;
    //     width: 30px;
    //     position: fixed;
    //     top:400px;
    //     right:0px;
    //     // background-color: #940000;
    // }
    

    //底部
   

